style: Fix contrast issues of themed icons in messages

- increase circular bg color transparency

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7628
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3315>

diff --git a/data/theme/gnome-shell-sass/widgets/_message-list.scss b/data/theme/gnome-shell-sass/widgets/_message-list.scss
index 6cdc040500db8419d10164ccae42ab89d2d53479..f07ac0e2ace94e0e0b80fc9120dafbef348376b4 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_message-list.scss
+++ b/data/theme/gnome-shell-sass/widgets/_message-list.scss
@@ -144,10 +144,11 @@
       // icon size and color
       icon-size: $base_icon_size * 3; // 48px
 
+      // a small symbolic icon on a circle background
       &.message-themed-icon {
-        border-radius: $forced_circular_radius; // is circular
-        background-color: transparentize($fg_color, 0.8);
-        icon-size: $base_icon_size;
+        border-radius: $forced_circular_radius;
+        background-color: transparentize($fg_color, .93);
+        icon-size: $scalable_icon_size;
         min-width: $base_icon_size * 3;
         min-height: $base_icon_size * 3;
       }